<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>首页</title>
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1349763_lqrnqlkyikj.css"/>
    <link rel="stylesheet" href="../css/home_page.css"/>
</head>
<body>


<!--标题-->
<section class="title" flex="main:center">
    <img src="../img/title1.png"/>
</section>



<!--点击参与-->
<section class="click" flex="dir:top cross:center main:left">
    <span>100%中奖</span>
    <button flex="main:center cross:center" id="play">点击参与</button>
    <p>您还有1次抽奖机会</p>
</section>


<!--砸金蛋-->
<section class="stage" flex="main:justify">
    <img class="egg" src="../img/egg.png" />
    <img class="egg" src="../img/egg.png" />
    <img class="egg" src="../img/egg.png" />
</section>

<!--标签栏-->
<section class="tab" flex="main:justify">
    <button id="myGift">我的奖品</button>
    <button id="rule">活动规则</button>
    <button id="share">分享好友</button>
</section>


<!--黑色蒙层-->
<div class="black"></div>


<!--我的奖品-->
<section class="my-prize">
    <i class="iconfont iconguanbi" id="my-prizeClose"></i>
    <div>
        <p>进店使用优惠券或查看物流</p>
        <a href="">https://huaban.com/sear</a>
    </div>

</section>



<!--活动规则-->
<section class="rule">
    <i class="iconfont iconguanbi" id="rule-close"></i>
</section>


<script src="../js/index.js"></script>
</body>
</html>